<!--
清除内、外边距
    某些标签自带默认的内边距、外边距，
        body标签自带margin:8px;
        ul标签自带padding:40px;
    很多情况下我们不需要它们，此时就应该清除掉！

    利用【*】通配符可以取到所有标签元素，统一清理所有的内外边距。

拓展：以下这些自带的默认样式很多时候都需要清除掉
    body标签自带：外边距
    a标签自带：文本蓝色、下划线
    ul标签自带：内边距
    li标签自带：黑圆点样式
    ...
貌似有个normalize.css初始化文件可以解决这些默认样式！（后面会提到）

总之，就是：
    网页元素很多都自带默认样式，不同浏览器所展现效果会不同，
    为了开发时布局能够统一，最好先清除掉这些默认样式。
-->
<style>
    /* 通配符：丛生平等 */
    * {
        margin: 0;
        padding: 0;
    }
    li {
        list-style-type: none;
    }
</style>

<ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ul>